'use client'
import { usePathname } from 'next/navigation'
import s from './index.module.css'

type HeaderWrapperProps = {
  children: React.ReactNode
}

const HeaderWrapper = ({ children }: HeaderWrapperProps) => {
  const pathname = usePathname()

  return (
    <div
      className={`
        sticky top-0 left-0 right-0 z-[var(--z-index-header)] 
        flex flex-col justify-center
        grow-0 shrink-0 basis-auto h-[var(--header-height)]
        bg-background/90 backdrop-blur-sm
        border-b border-[var(--border-color)]
      `}
    >
      {children}
    </div>
  )
}

export default HeaderWrapper
